/*可视化页面*/
#visualizationPage {
    background: #0c0e38;
}

/*可视化页面头部*/
#visualizationPage_top {
    width: 1406px;
    height: 190px;
}

/*头部中的小方格*/
.top_in {
    background: #20244D;
    float: left;
    width: 220px;
    height: 130px;
    margin-left: 90px;
    margin-top: 25px;
    border-radius: 10px;
}


.data_box {
    background: #20244D;
}

/*头部小方格的第一行*/
.top_in_line1 {
    height: 45px;
    text-align: center;
    margin-top: 13px;
    margin-left: 30px;
}

.top_in_line1_picture {
    float: left;
}

.top_in_line1_name {
    float: left;
    width: 130px;
    height: 45px;
    font-size: 17px;
    color: #FFFFFF;
}

/*头部小方格的第二行*/
.top_in_line2 {
    font-size: 12px;
    color: #FFFFFF;
    /*text-align: center;*/
    width: 114px;
    margin-left: 30px;
}

.top_in_line2_count {
    font-size: 33px;
}

.top_in_line2_unit {
    font-size: 20px;
    margin-left: 10px;
}


/*页面底部信息*/
#visualizationPage_bottom {
    width: 1406px;
    height: 430px;
}

/*柱开图*/
#orderChart {
    width: 400px;
    height: 400px;
    background: #20244D;
}


.top_in_line333 {
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    width: 114px;
}


.left_bottom {
    width: 750px;
    height: 100%;
    background: #20244D;
    float: left;
    margin-left: 90px;
    border-radius: 10px;
}


#orderStatusChart {
    width: 750px;
    height: 300px;
}

#orderTypeChart {
    width: 480px;
    height: 190px;
    margin-bottom: 10px;
}

.right_center {
    width: 100%;
    height: 45%;
    background: #20244D;
    float: right;
    border-radius: 10px;
}

.right {
    width: 480px;
    height: 100%;
    float: right;
}


.right_bottom {
    width: 100%;
    height: 45%;
    margin-top: 8%;
    background: #20244D;
    border-radius: 10px;
    float: right;
}

#orderStatusDiv {
    width: 100%;
    margin-top: 40px;
}

#orderTypeDiv {
    width: 100%;
    margin-top: 40px;
}

#orderStatusSpan {
    font-size: 17px;
    color: white;
}

#orderTypeSpan {
    font-size: 17px;
    color: white;
}

#orderExceptionDiv {
    width: 100%;
    height: 20px;
    margin-top: 40px;
}

#orderExceptionSpan {
    font-size: 14px;
    color: white;
}

.orderException_type {
    float: left;
    width: 33%;
}

.orderException_type_name {
    float: left;
    width: 80%;
    height: 45px;
    font-size: 17px;
    color: #FFFFFF;
}


.orderException_type_valueSpan {
    font-size: 37px;
    color: #FFFFFF;
}

.orderException_type_div {
    text-align: center;
}
.left{
    float: left;
}